リンクにマウスを重ねると音を鳴らす
今週は、リンク文字の上にマウスを重ねたときに音を鳴らすテクニックを紹介します。通常、リンク文字にはアンダーラインが表示されますが、音も鳴らしてあげれば、それだけ注意を引くことができるはずです。ぜひ、試してみてください。

→ リンク用の音楽ファイルを用意する
 
まずは、リンク文字の上にマウスを重ねたときに鳴らす音楽ファイルを用意します。これは、Windowsに付属する「サウンドレコーダー」を使って好きな音を録音しても構いませんし、音素材を無料配布しているサイトからダウンロードしてもよいでしょう。いずれの場合も1〜3秒程度の短い音楽が最適です。また、リンクによって音を変化させられるように、音楽ファイルを何種類か用意しておくようにします。


→ BGMの設定を行う
 
次に、ブラウザでBGMを流せるようにBGSOUDタグをHTMLに追加しておきます。ただし、最初は音を鳴らさないので、音楽ファイルを指定するsrc属性は「src=""」(ファイル指定なし)にしておきます。また、id属性で名前を付け(id="lm")、繰り返し回数を1回(loop="1")、自動再生を有効(autostart="true")と指定しておきます。なお、BGSOUNDタグはInternet Explorer専用の命令となります。このため、Netscapeなどのブラウザでは、今回紹介するテクニックが動作しないことに注意してください。
<BGSOUND src="" id="lm" loop="1" autostart="true">


→ onMouseOverイベントで音楽ファイルを指定する
 
最後に、AタグにonMouseOverイベントを追加し、BGSOUNDタグで鳴らす音楽ファイルを指定すれば、今回のテクニックは完成です。この記述は「onMouseOver="document.all.(BGSOUNDの名前).src='(音楽ファイル名)'"」となります。以下のように、リンクごとに異なる音楽ファイルを指定すれば、ちょっとユニークなホームページを作成できると思います。
<A href="http://www.infoseek.co.jp"
onMouseOver="document.all.lm.src='sound1.wav'">
Infoseek</A>
<BR><BR>
<A href="http://isweb.www.infoseek.co.jp/"
onMouseOver="document.all.lm.src='sound2.wav'">
isweb</A>
<BR><BR>
<A href="http://www.rakuten.co.jp/"
onMouseOver="document.all.lm.src='sound3.wav'">
楽天</A>


e[NECir Yahoo yV LINEf[^[z500~`I
z[y[W NWbgJ[h COiq@COsI COze